<template>
  <div>
    <el-dialog :modelValue="activ"  width="70%" @close="$emit('close-dialog')">
      <el-descriptions
          class="margin-top"
          title="专家详情"
          :column="2"
          border
      >
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              专家来源
            </div>
          </template>
          {{dateils.expertSource == 1?'校内':'校外'}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              姓名
            </div>
          </template>
              {{dateils.name}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              职工号
            </div>
          </template>
          {{dateils.account}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              职称
            </div>
          </template>
          {{dateils.titleName}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              工作单位
            </div>
          </template>
          {{dateils.workUnit}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              归属统计
            </div>
          </template>
          {{dateils.subjectClassId==1?'社科类':'科技类'}}
          <!--          {{dateils.subjectClassId}}-->
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              一级学科
            </div>
          </template>
          {{dateils.subjectName}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              出生日期
            </div>
          </template>
          {{dateils.birthday}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              手机号码
            </div>
          </template>
          {{dateils.mobile}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              办公电话
            </div>
          </template>
          {{dateils.telOffice}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              邮箱
            </div>
          </template>
          {{dateils.email}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              性别
            </div>
          </template>
          {{dateils.sexId==1?'男':'女'}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              最后学历
            </div>
          </template>
          {{ getEduLevelName(dateils.eduLevel) }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              最后学位
            </div>
          </template>
          {{ getEduDegreeName(dateils.eduDegree) }}
          <!--          {{dateils.eduDegree}}-->
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              荣誉称号
            </div>
          </template>
          {{ getHonorTitleName(dateils.honorTitleId) }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label>
            <div class="cell-item">
              研究方向
            </div>
          </template>
          {{dateils.researchField }}
        </el-descriptions-item>
      </el-descriptions>





<!--        <el-descriptions-item>-->
<!--          <template #label>-->
<!--            <div class="cell-item">-->
<!--              毕业院校-->
<!--            </div>-->
<!--          </template>-->
<!--          {{dateils.graduateSchool}}-->
<!--        </el-descriptions-item>-->
<!--        <el-descriptions-item>-->
<!--          <template #label>-->
<!--            <div class="cell-item">-->
<!--              英文名-->
<!--            </div>-->
<!--          </template>-->
<!--          {{dateils.nameEn}}-->
<!--        </el-descriptions-item>-->
<!--        <el-descriptions-item>-->
<!--          <template #label>-->
<!--            <div class="cell-item">-->
<!--              电子邮件-->
<!--            </div>-->
<!--          </template>-->
<!--          {{dateils.email}}-->
<!--        </el-descriptions-item>-->
<!--        <el-descriptions-item>-->
<!--          <template #label>-->
<!--            <div class="cell-item">-->
<!--              办公电话-->
<!--            </div>-->
<!--          </template>-->
<!--          {{dateils.telOffice}}-->
<!--        </el-descriptions-item>-->
<!--        <el-descriptions-item>-->
<!--          <template #label>-->
<!--            <div class="cell-item">-->
<!--              在职情况-->
<!--            </div>-->
<!--          </template>-->
<!--          {{dateils.personState}}-->
<!--        </el-descriptions-item>-->

<!--        <el-descriptions-item>-->
<!--          <template #label>-->
<!--            <div class="cell-item">-->
<!--              身份证号/护照号-->
<!--            </div>-->
<!--          </template>-->
<!--          {{dateils.idCard}}-->
<!--        </el-descriptions-item>-->
<!--        <el-descriptions-item>-->
<!--          <template #label>-->
<!--            <div class="cell-item">-->
<!--              研究方向-->
<!--            </div>-->
<!--          </template>-->
<!--          {{dateils.researchField}}-->
<!--        </el-descriptions-item>-->

<!--      <div class="flex-text">-->
<!--        <div class="flex-box">-->
<!--          <div>教育经历:</div>-->
<!--          <div>-->
<!--            {{dateils.researchField}}-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="flex-box">-->
<!--          <div>出国经历:</div>-->
<!--          <div>-->
<!--            {{dateils.experienceAbroad}}-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="flex-box">-->
<!--          <div>进修培训情况:</div>-->
<!--          <div>-->
<!--            {{dateils.learning}}-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="flex-box">-->
<!--          <div>学术及社会兼职:</div>-->
<!--          <div>-->
<!--            {{dateils.parttime}}-->
<!--          </div>-->
<!--        </div>-->

<!--      </div>-->
    </el-dialog>
  </div>
</template>

<script lang="ts" setup>
// 这里可以导入其他文件（比如：组件，工具 js，第三方插件 js，json 文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》 ';
import {defineProps,watch,ref,reactive,onBeforeMount,onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount,onUnmounted,onErrorCaptured,onRenderTracked,onRenderTriggered,onActivated,onDeactivated} from
      'vue'
import {selectExpertDetails} from "@/api/researcherNavApi/zjrcApi"
import {ElMessageBox} from "element-plus";
const getTutorTypeName = (tutorTypeId) => {
  if (tutorTypeId === undefined || tutorTypeId == null) {
    return '未知';
  }
  const tutorTypeMap = {
    1: '博导',
    2: '硕导',
    3: '非导师'
  };
  return tutorTypeMap[tutorTypeId] || '未知';
};

const getEduLevelName = (eduLevelId) => {
  if (eduLevelId === undefined || eduLevelId == null) {
    return '未知';
  }
  const eduLevelMap = {
    3: '大专',
    4: '中专',
    0: '博士研究生',
    1: '硕士研究生',
    2: '本科',
    5: '其他'
  };
  return eduLevelMap[eduLevelId] || '未知';
};

const getEduDegreeName = (eduDegreeId) => {
  if (eduDegreeId === undefined || eduDegreeId == null) {
    return '未知';
  }
  const eduDegreeMap = {
    2: '博士',
    3: '硕士',
    4: '学士',
    999: '无'
  };
  return eduDegreeMap[eduDegreeId] || '未知';
};
const getHonorTitleName = (honorTitleIds) => {
  if (honorTitleIds === undefined || honorTitleIds == null) {
    return '未知';
  }
  const honorTitleMap = {
    1: '院士',
    2: '突出青年',
    3: '长江学者',
    4: '其他'
  };
  const ids = honorTitleIds.split(',');
  const names = ids.map((id) => honorTitleMap[id] || '未知');
  return names.join(', ');
};

let dateils = reactive({})
const props = defineProps({
  obj:String,
  activ:Boolean
});
// const ids = defineProps(['obj'])
// const props = defineProps(["obj",'activ'])

watch(() => props.obj, (newValue,oldValue) => {
  console.log(props.obj, newValue,'props.obj');
  if(newValue !== oldValue){
    selectExpertDetails(
        {id:props.obj}
    )
        .then((res)=>{
          Object.assign(dateils,res.data[0])
        })

  }

})
watch(() => props.activ, (newValue,oldValue) => {

})

onBeforeMount(()=>{})// 生命周期 - 挂载之前
onMounted(()=>{


})// 生命周期 - 挂载完成（可以访问 DOM 元素）
onBeforeUpdate(()=>{})// 生命周期 - 更新之前
onUpdated(()=>{})// 生命周期 - 更新之后
onBeforeUnmount(()=>{})// 生命周期 - 销毁之前
onUnmounted(()=>{})// 生命周期 - 销毁完成
onErrorCaptured((err)=>{})// 当事件处理程序或生命周期钩子抛出错误时
onRenderTracked((e)=>{})// 渲染的时候可以追踪到
onRenderTriggered((e)=>{})// 重新渲染的时候触发
// 如果页面有 keep-alive 缓存功能,这个两个函数会触发
onActivated(()=>{


})//进入的时候触发
onDeactivated(()=>{})//离开的时候触发

</script>

<style scoped>
.flex-box{
  display: flex;
}
.flex-box >div:first-child{
  font-weight: bolder;
}
</style>